<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title></title>
        <meta name="description" content="">
        <meta name="Keywords" content="">
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
        <link rel="stylesheet" href="./css/normalize.css">
        <link rel="stylesheet" href="./css/base.css">
        <link rel="stylesheet" href="./css/public.css">
        <link rel="stylesheet" href="./css">
        <style>
            .box div:nth-child(4){
                color: red;
            }
            .box div:nth-child(5){
                color: red;
            }
            .box :nth-child(5){
                color: red;
            }
            .box div:nth-of-type(5){
                color: red;
            }
            .box div:not(.sp){
                color: aqua;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <div>梁光柱</div>
            <div>梁光柱</div>
            <div>梁光柱</div>
            <div>梁光柱</div>
            <span class="sp">梁光柱</span>
            <div>梁光柱</div>
        </div>
    </body>
</html>
<script src=""></script>